<template>
  <div class="box">
      <div class="left">
        <input type="checkbox" name="" id="">
        <span>全选</span>
      </div>
      <div class="right">
          <span>合计</span>
          <span>￥</span>
          <span>0 </span>
          <button>结算</button>
      </div>
      
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
    input{
        background: green;
    }
    .box{
        width: 100%;
        height: .4rem;
        display: flex;
        background: white;
        position: fixed;
        bottom: .6rem;
        z-index: 2;
        justify-content: space-between;
    }
    span{
        font-size: .12rem;
    }
    .left{
        padding-left: .1rem;
        margin-top: .07rem;
    }
    button{
        height: .3rem;
        width: 1rem;
        background: green;
        color: white;
        border-radius: .25rem;
        margin-top: .05rem  ;
    }
    .right{
        margin-right: 0.1rem;
    }
    .right span:nth-child(3){
        color: red;
    }
</style>